import React from 'react';
import PropTypes from 'prop-types';
import * as Bootstrap from 'react-bootstrap';

export default class FormGroupComponent extends React.Component {

    render() {
        const {id, title, content} = this.props;

        return (
            <Bootstrap.FormGroup controlId={id}>
                <Bootstrap.Col componentClass={Bootstrap.ControlLabel} xs={5}>
                    {title + ':'}
                </Bootstrap.Col>
                <Bootstrap.Col xs={7}>
                    <Bootstrap.FormControl.Static>
                        {content}
                    </Bootstrap.FormControl.Static>
                </Bootstrap.Col>
            </Bootstrap.FormGroup>
        );
    }

}

FormGroupComponent.propTypes = {
    "id": PropTypes.string.isRequired,
    "title": PropTypes.string,
    "content": PropTypes.string
}

FormGroupComponent.defaultProps = {

};